<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<html lang="cn" class="app">
<head>
    <title>后台管理 - 栏目</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="icon" type="image/png" href="icon.png">
    <link rel="apple-touch-icon-precomposed" href="icon.png">
    <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/js/ztree/css/zTreeStyle.css" />
    <link rel="stylesheet" href="${ctxStatic}/js/chosen/chosen.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/js/layui/css/layui.css">
    <!--[if lt IE 9]>
    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>
    <script src="${ctxStatic}/js/ie/respond.min.js"></script>
    <script src="${ctxStatic}/js/ie/excanvas.js"></script>
    <![endif]-->
</head>

<body>
<section class=" wrapper">
    <div class="row">
        <div class="col-lg-12">
            <!-- 引导开始 -->
            <ul class="breadcrumb">
                <li><a href="${ctx}/welcome"><i class="fa fa-home"></i> 主页</a></li>
                <li>文章管理</li>
                <li class="active">栏目管理</li>
                <li class="active">栏目新增</li>
            </ul>
            <!-- 引导结束 -->
        </div>
    </div>
    <form id="cmsCategoryForm" class="bs-example form-horizontal" method="post" >

        <%--基本信息--%>
        <section class="panel panel-default">
            <header class="panel-heading font-bold">栏目新增</header>
            <input type="hidden" name="parentId" value="${cmsCategory.id}" />
            <div class="panel-body">
                <%--<div class="form-group">--%>
                    <%--<label class="col-lg-2 col-md-2 col-sm-2 control-label"><span class="text-danger">*</span>站点编号：</label>--%>
                    <%--<div class="col-lg-10 col-md-10 col-sm-10">--%>
                        <%--<input id="siteId" type="number" class="form-control" name="siteId" placeholder="站点编号"  required />--%>
                    <%--</div>--%>
                <%--</div>--%>
                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label"><span class="text-danger">*</span>所属栏目：</label>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <input id="parentNm"  class="form-control" name="parentNm" placeholder="所属栏目" <c:if test="${cmsCategory.id=='0'}">value="栏目管理"</c:if> value="${cmsCategory.name}" readonly />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label">栏目名称：</label>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <input id="name" type="text" class="form-control" name="name" placeholder="栏目名称(不超过100字)"  maxlength="100" required />
                    </div>
                </div>
                <%--<div class="form-group">--%>
                    <%--<label class="col-lg-2 col-md-2 col-sm-2 control-label">模块默认导航：</label>--%>
                    <%--<div class="col-lg-4 col-md-4 col-sm-4">--%>
                        <%--<textarea id="module" type="number" class="form-control" name="module" placeholder="模块默认导航(不超过50字)"  maxlength="50"  required></textarea>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="form-group">--%>
                    <%--<label class="col-lg-2 col-md-2 col-sm-2 control-label">是否在首页显示：</label>--%>
                    <%--<div class="col-lg-4 col-md-4 col-sm-4">--%>
                        <%--<select name="showHome" class="form-control" >--%>
                            <%--<c:forEach items="${yn}" var="m">--%>
                                <%--<option value="${m.value}">${m.label}</option>--%>
                            <%--</c:forEach>--%>
                        <%--</select>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="form-group">--%>
                    <%--<label class="col-lg-2 col-md-2 col-sm-2 control-label">是否有下级导航：</label>--%>
                    <%--<div class="col-lg-4 col-md-4 col-sm-4">--%>
                        <%--<select name="isBy" class="form-control" >--%>
                            <%--<c:forEach items="${yn}" var="m">--%>
                                <%--<option value="${m.value}">${m.label}</option>--%>
                            <%--</c:forEach>--%>
                        <%--</select>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="form-group">--%>
                    <%--<label class="col-lg-2 col-md-2 col-sm-2 control-label">自定义视图：</label>--%>
                    <%--<div class="col-lg-4 col-md-4 col-sm-4">--%>
                        <%--<input id="customView" type="number" class="form-control" name="customView" placeholder="自定义视图" value="0" required />--%>
                    <%--</div>--%>
                <%--</div>--%>

                <%--<div class="form-group">--%>
                    <%--<label class="col-lg-2 col-md-2 col-sm-2 control-label">访问地址：</label>--%>
                    <%--<div class="col-lg-4 col-md-4 col-sm-4">--%>
                        <%--<textarea id="href" type="textarea" class="form-control" name="href" placeholder="访问地址(不超过200字)"  required maxlength="200"></textarea>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label">备注信息：</label>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <textarea id="remarks" class="form-control" name="remarks" placeholder="备注信息(不超过200字)" value="${cmsCategory.remarks}" required maxlength="200"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-lg-10 col-md-10 col-sm-10">
                        <shiro:hasPermission name="cms:cmsCategory:create">
                            <button type="button" class="btn btn-s-md btn-info" onclick="insertcmsCategory()">保存</button>
                        </shiro:hasPermission>
                        <button type="button" class="btn btn-s-md btn-danger" onclick="closeSelfModel();">关闭</button>
                    </div>
                </div>
            </div>
        </section>
    </form>
</section>

</body>

<script src="${ctxStatic}/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="${ctxStatic}/js/bootstrap.js"></script>
<!-- App -->
<script src="${ctxStatic}/js/app.js"></script>
<script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
<script src="${ctxStatic}/js/app.plugin.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/tools.js?version=${ctxVersion}"></script>
<script type="text/javascript" src="${ctxStatic}/js/page/paging.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/layer/layer.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/tmpl/jquery.tmpl.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/layui/layui.all.js"></script>

<script>
    $(function(){
        var msg = '${msg}';
        if(msg!=''){
            showMsg(msg);
        }

        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //日期
            laydate.render({
                elem: '#showDate'
            });
        });
    })

    function insertcmsCategory(){
        if(isBlankCheck("name","栏目名称")){
            var loadingLayer = layer.load(1, {shade: [0.1,'#fff']});//loading
            //根据项目标识获取目录
            $.ajax({
                type: 'post',
                url: '${ctx}/cms/cmsCategory/create.json?timeStamp='+new Date().getTime(),
                dataType:"json",
                data: $("#cmsCategoryForm").serialize(),
                success: function (data) {
                    layer.close(loadingLayer);
                    showMsg(data.desc,function(){
                        if(data.ret==1) {//成功
                            location.href = "${ctx}/cms/cmsCategory/list?id=" + data.data;
                        }
                    });
                },error:function(){
                    layer.close(loadingLayer);
                    showMsg("点击过快或程序异常");
                }
            });
        }

    }
    /** 关闭当前弹出框并执行 */
    function closeSelfModel(){
        var index = parent.layer.getFrameIndex(window.name);
        parent.searchPage(1,${cmsCategory.id});//执行父页面的搜索功能
        parent.layer.close(index);
    }
</script>
</html>
